<!DOCTYPE html>
<html lang="en" xmlns:th=http://www.thymeleaf.org>
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, width=device-width">
    <title>资源管理</title>
    <script src="/webjars/jquery/jquery.min.js" th:src="@{/webjars/jquery/3.1.0/jquery.js}"></script>
    <link href="/webjars/bootstrap/css/bootstrap.min.css" th:href="@{/webjars/bootstrap/3.3.7/css/bootstrap.css}"
          rel="stylesheet">
    <script src="/webjars/bootstrap/3.3.7/js/modal.js"
            th:src="@{/webjars/bootstrap/3.3.7/js/modal.js}"></script>
    <script src="../static/js/common.js" th:src="@{/js/common.js}"></script>
</head>
<body>
<div class="container">
    <a href="index.html" th:href="@{/}">首页</a>
</div>
<hr />
<div class="container text-center">
    <b>=======资源列表=======</b>
</div>
<br/>
<div class="container">
    <div class="table-responsive">
        <table class="table table-hover">
            <thead>
            <tr>
                <th>#</th>
                <th>文件格式</th>
                <th>描述</th>
                <th>查看详情</th>
            </tr>
            </thead>
            <tbody>
            <tr th:remove="all">
                <td>1</td>
                <td>2016-4-2</td>
                <td>2016-4-2</td>
                <td>2016-4-2</td>
                <td>wenqi</td>
            </tr>
            </tbody>
        </table>
        <h6 class="text-right" id="show"></h6>
        <nav aria-label="分页">
            <ul class="pager">
                <li><a href="javascript:void(0)" class="pre">上一页</a></li>
                <li><a href="javascript:void(0)" class="next">下一页</a></li>
            </ul>
            <input type="hidden" id="currentPage">
        </nav>
    </div>
</div>
<hr/>
<div class="container text-center">
    <b>=======文件上传区域=======</b>
</div>
<br>
<div class="container">
    <form method="post" class="form-horizontal" role="form"  enctype="multipart/form-data" action="resources.html" id="upload-file-form"
          th:action="@{/resources/upload}" >
        <div class="form-group">
            <label for="choose_file" class="col-sm-1 control-label">选择文件并上传</label>
            <div class="col-sm-2">
                <input type="file" name="file" id="choose_file"/>
            </div>
        </div>
        <div class="form-group">
            <label for="choose_file" class="col-sm-1 control-label">说点什么？</label>
            <div class="col-sm-2">
                <textarea cols="40" rows="5" name="desc" id="desc" style="border: 1px solid green"/>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2">
                <input type="button" name="上传" id="upload" value="上传" class="btn btn-success btn-lg btn-block" />
            </div>
        </div>
    </form>
    <span id="upload-file-message"></span>
</div>
</body>
<script src="../static/js/resources.js" th:src="@{/js/resources.js}"></script>
<link href="../static/css/resources.css" th:href="@{/css/resources.css}" rel="stylesheet">
</html>